<template>
  <div class="rightEchartsTwo">
    <div class="echarts5" id="echarts5"></div>
  </div>
</template>

<script>
// import echarts from "echarts";
// import { mapState } from 'vuex'
// import { getCemsData } from '@/api/line.js'
// import { getCalcData } from '../../api/calcApi'
// import randoms from '../suijishu'
export default {
  data () {
    return {}
  },
  computed: {
    // ...mapState(['dialog'])
  },
  props: {
    echartsData: {
      type: Object,
      required: true
    }
  },
  watch: {
    echartsData: {
      handler (newVal, oldVal) {
        // console.log('newVal终于出来了电压电阻', newVal, oldVal)
        if (newVal !== undefined) {
          this.initDialogs(newVal)
        }
      }
    }
  },
  mounted () {
  },
  methods: {
    async initDialogs (e) {
      // console.log(e, 'temp')
      this.$echarts.init(document.getElementById('echarts5')).dispose()
      var data1 = []
      var time1 = []
      var data2 = []
      // var time2 = []
      var data3 = []
      // var time3 = []
      var data4 = []
      // var time4 = []
      var data5 = []
      // var time5 = []
      var data6 = []
      // var time6 = []
      var data7 = []
      // var time7 = []
      var data8 = []
      // var time8 = []
      var data9 = []
      // var time9 = []
      var data10 = []
      // var time10 = []
      var data11 = []
      // var time11 = []
      var data12 = []
      // var time12 = []
      var data13 = []
      // var time13 = []
      var data14 = []
      // var time14 = []
      var data15 = []
      // var time15 = []
      var data16 = []
      // var time16 = []
      e.temp1.data.forEach(item => {
        data1.push(item)
      })
      e.temp1.time.forEach(item => {
        time1.push(item.slice(5, -3))
      })
      e.temp2.data.forEach(item => {
        data2.push(item)
      })
      // e.temp2.time.forEach(item => {
      //   time2.push(item)
      // })
      e.temp3.data.forEach(item => {
        data3.push(item)
      })
      // e.temp3.time.forEach(item => {
      //   time3.push(item)
      // })
      e.temp4.data.forEach(item => {
        data4.push(item)
      })
      // e.temp4.time.forEach(item => {
      //   time4.push(item)
      // })
      e.temp5.data.forEach(item => {
        data5.push(item)
      })
      // e.temp5.time.forEach(item => {
      //   time5.push(item)
      // })
      e.temp6.data.forEach(item => {
        data6.push(item)
      })
      // e.temp6.time.forEach(item => {
      //   time6.push(item)
      // })
      e.temp7.data.forEach(item => {
        data7.push(item)
      })
      // e.temp7.time.forEach(item => {
      //   time7.push(item)
      // })
      e.temp8.data.forEach(item => {
        data8.push(item)
      })
      // e.temp8.time.forEach(item => {
      //   time8.push(item)
      // })
      e.temp9.data.forEach(item => {
        data9.push(item)
      })
      // e.temp9.time.forEach(item => {
      //   time9.push(item)
      // })
      e.temp10.data.forEach(item => {
        data10.push(item)
      })
      // e.temp10.time.forEach(item => {
      //   time10.push(item)
      // })
      e.temp11.data.forEach(item => {
        data11.push(item)
      })
      // e.temp11.time.forEach(item => {
      //   time11.push(item)
      // })
      e.temp12.data.forEach(item => {
        data12.push(item)
      })
      // e.temp12.time.forEach(item => {
      //   time12.push(item)
      // })
      e.temp13.data.forEach(item => {
        data13.push(item)
      })
      // e.temp13.time.forEach(item => {
      //   time13.push(item)
      // })
      e.temp14.data.forEach(item => {
        data14.push(item)
      })
      // e.temp14.time.forEach(item => {
      //   time14.push(item)
      // })
      e.temp15.data.forEach(item => {
        data15.push(item)
      })
      // e.temp15.time.forEach(item => {
      //   time15.push(item)
      // })
      e.temp16.data.forEach(item => {
        data16.push(item)
      })
      // e.temp16.time.forEach(item => {
      //   time16.push(item)
      // })
      const myChart = this.$echarts.init(
        document.getElementById('echarts5')
      ) // 初始化实例
      myChart.resize()
      const option = {
        // title: {
        //     show: false,
        //     text: '多线图',
        //     textStyle: {
        //         align: 'center',
        //         color: '#fff',
        //         fontSize: 20,
        //     },
        //     top: '5%',
        //     left: 'center',
        // },
        title: {
          text: 'C5温控架',
          textStyle: {
            align: 'center',
            color: '#fff',
            fontSize: 14
          },
          top: '5%',
          left: 'center'
        },
        legend: {
          top: '15%',
          right: '20%',
          // left: '10%',
          selectedMode: 'single',
          itemWidth: 15,
          itemHeight: 8,
          textStyle: {
            color: '#a6bde9',
            fontSize: 10
          }
        },
        tooltip: {
          trigger: 'axis',
          textStyle: {
            fontSize: 12
          },
          axisPointer: {
            lineStyle: {
              color: {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: 'rgba(0, 255, 233,0)'
                  },
                  {
                    offset: 0.5,
                    color: 'rgba(255, 255, 255,1)'
                  },
                  {
                    offset: 1,
                    color: 'rgba(0, 255, 233,0)'
                  }
                ],
                global: false
              }
            }
          }
        },
        grid: {
          top: '40%',
          left: '3%',
          right: '5%',
          bottom: '5%',
          containLabel: true
        },
        xAxis: {
          type: 'category',
          axisTick: { show: false },
          boundaryGap: false,
          data: time1,
          // 设置轴线的属性
          axisLabel: {
            interval: 9,
            formatter: function (value) {
              var ret = '' // 拼接加\n返回的类目项
              var maxLength = 6 // 每项显示文字个数
              var valLength = value.length // X轴类目项的文字个数
              var rowN = Math.ceil(valLength / maxLength) // 类目项需要换行的行数
              if (rowN > 1) {
                // 如果类目项的文字大于5,
                for (var i = 0; i < rowN; i++) {
                  var temp = '' // 每次截取的字符串
                  var start = i * maxLength // 开始截取的位置
                  var end = start + maxLength // 结束截取的位置
                  // 这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
                  temp = value.substring(start, end) + '\n'
                  ret += temp // 凭借最终的字符串
                }
                return ret
              } else {
                return value
              }
            },
            show: true,
            textStyle: {
              fontSize: 10, // 更改坐标轴文字大小
              color: '#a6bde9'
            }
          },
          axisLine: {
            lineStyle: {
              color: '#a6bde9'
            }
          }
        },
        yAxis: {
          min: 0,
          max: 1000,
          boundaryGap: false,
          type: 'value',
          axisLabel: {
            textStyle: {
              color: '#a6bde9',
              fontSize: 10
            }
          },
          nameTextStyle: {
            color: '#fff',
            fontSize: 12,
            lineHeight: 40
          },
          splitLine: {
            show: false,
            lineStyle: {
              color: '#283352',
              type: 'dashed'
            }
          },
          axisLine: {
            show: true,
            lineStyle: {
              color: '#a6bde9'
            }
          },
          axisTick: {
            show: false
          }
        },
        series: [
          {
            name: 'T01',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data1
          },
          {
            name: 'T02',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data2
          },
          {
            name: 'T03',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data3
          },
          {
            name: 'T04',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data4
          },
          {
            name: 'T05',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data5
          },
          {
            name: 'T06',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data6
          },
          {
            name: 'T07',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data7
          },
          {
            name: 'T08',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data8
          },
          {
            name: 'T09',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data9
          },
          {
            name: 'T10',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data10
          },
          {
            name: 'T11',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data11
          },
          {
            name: 'T12',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data12
          },
          {
            name: 'T13',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data13
          },
          {
            name: 'T14',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data14
          },
          {
            name: 'T15',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data15
          },
          {
            name: 'T16',
            type: 'line',
            showSymbol: true,
            // symbol: 'image://./static/images/guang-circle.png',
            symbol: 'circle',
            symbolSize: 1,
            lineStyle: {
              normal: {
                width: 2,
                color: '#37caec'
              }
            },
            label: {
              show: false,
              position: 'top',
              textStyle: {
                color: '#fff',
                fontSize: 14
              }
            },
            itemStyle: {
              color: '#37caec',
              borderColor: 'rgb(0,115,100)',
              borderWidth: 0,
              shadowColor: 'rgba(0, 0, 0, 0)',
              shadowBlur: 0,
              shadowOffsetY: 0,
              shadowOffsetX: 0
            },
            // areaStyle: {
            //   color: {
            //     type: 'linear',
            //     x: 0,
            //     y: 0,
            //     x2: 0,
            //     y2: 1,
            //     colorStops: [
            //       {
            //         offset: 0,
            //         color: 'rgba(46, 204, 113,0.4)'
            //       },
            //       {
            //         offset: 1,
            //         color: 'rgba(255,188,13, 0)'
            //       }
            //     ],
            //     global: false // 缺省为 false
            //   }
            // },
            tooltip: {
              show: true
            },
            data: data16
          }
        ]
      }
      myChart.setOption(option)
      window.addEventListener('resize', function () {
        myChart.resize()
      })
    }
  }
}
</script>

<style scoped>
.echarts5 {
  height: 95%;
  width: 100%;
  /* display: flex; */
  /* padding-top: 7%; */
}

.rightEchartsTwo {
  height: 100%;
  width: 100%;
  /* background-color: rgba(1, 131, 196, 0.05); */
  /* border: solid 1px rgba(1, 131, 196, 0.25); */
  /* background-color: rbga(); */
  /* border-radius: 10%; */
  /* border-top-left-radius: 10%;
  border-top-right-radius: 0%;
  border-bottom-right-radius: 10%;
  border-bottom-left-radius: 0%; */
}
</style>
